<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jixedbar demonstration</title>
<link type="text/css" href="css/demo.css" rel="stylesheet" />

<!-- jixedbar starts here -->
<link type="text/css" href="../themes/default/jx.stylesheet.css" rel="stylesheet" />
<script type="text/javascript" src="../lib/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../src/jixedbar-0.0.1.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
		$("#demo-bar").jixedbar({
			hoverOpaque: true,
			roundedCorners: true
		});
    }); 
</script>
<!-- jixedbar end -->

</head>
<body>

<div id="demo-bar">

        <ul>
            <li alt="Bicolano Express"><a href="http://ryan.rawswift.com/"><img src="icons/home.png" />&nbsp;Home</a></li>
        </ul>
        
        <span class="jx-separator-left"></span>
        
        <ul>
            <li alt="About"><a href="http://ryan.rawswift.com/about/"><img src="icons/information.png" /></a></li>
            <li alt="Resume"><a href="http://ryan.rawswift.com/resume/"><img src="icons/blogs.png" /></a></li>
            <li alt="Portfolio"><a href="http://ryan.rawswift.com/portfolio/"><img src="icons/block.png" /></a></li>
            <li alt="Contact"><a href="http://ryan.rawswift.com/contact/"><img src="icons/megaphone.png" /></a></li>
        </ul>
        
        <span class="jx-separator-left"></span>
        
        <ul class="jx-bar-button-left">
            <li alt="Facebook"><a href="http://www.facebook.com/ryanyonzon"><img src="icons/balloon-facebook-left.png" /></a></li>
            <li alt="Twitter"><a href="https://twitter.com/rawswift"><img src="icons/balloon-twitter-left.png" /></a></li>
            <li alt="Flickr"><a href="http://www.flickr.com/photos/ryanyonzon/"><img src="icons/pictures.png" /></a></li>
            <li alt="Linkedin"><a href="http://ph.linkedin.com/in/ryanyonzon"><img src="icons/card-address.png" /></a></li>
        </ul>
        
        <span class="jx-separator-left"></span>        
		
        <div><a href="http://code.google.com/p/jixedbar/">jixedbar</a>, a <a href="http://jquery.com/">jQuery</a> plugin.</div>
        
        <span class="jx-separator-right"></span>
        
        <ul class="jx-bar-button-right">
            <li alt="Feed"><a href="http://ryan.rawswift.com/feed/"><img src="icons/feed.png" /></a></li></li>
            <li alt="Comment Feed"><a href="http://ryan.rawswift.com/comments/feed/"><img src="icons/balloon-quotation.png" /></a></li>
        </ul>
        
        <span class="jx-separator-right"></span>

</div>

<div id="content">

<h1>jixedbar demo</h1>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sed nulla erat, vitae tincidunt magna. In ornare eleifend justo et faucibus. Duis dictum sapien iaculis tellus feugiat eget placerat lacus sagittis. Nulla orci est, porta nec pharetra in, egestas vel justo. Mauris laoreet tempor commodo. Nullam pharetra placerat leo a vehicula. Sed eu nunc felis. Suspendisse et leo libero. Praesent in ligula eu dui scelerisque consectetur vitae eget lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur quam lacus, laoreet in suscipit eget, ornare nec purus. Donec placerat tempor nisl. Curabitur lobortis ligula ac velit tincidunt vitae cursus nulla tincidunt. Etiam bibendum vehicula sagittis. Nulla eu nulla id nibh porttitor fermentum eu eget ipsum. Mauris faucibus sem ut elit feugiat eu tristique nisi consequat.</p>

<p>Integer bibendum, massa vitae vulputate suscipit, metus nulla pellentesque leo, ut posuere nibh metus at nisi. Aliquam quis turpis dui, ut dignissim neque. Donec varius aliquam magna ac rhoncus. Nam id arcu et lectus tristique pellentesque dignissim eu nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus ipsum turpis, fermentum nec congue condimentum, bibendum et mi. Praesent eu quam id diam gravida egestas et sed mi. Aenean dictum purus vel odio malesuada in pulvinar lectus venenatis. Etiam faucibus consectetur erat, nec varius enim malesuada nec. Etiam egestas magna vehicula mi semper aliquet. Quisque vel erat dui. Sed sed dui vitae odio feugiat malesuada at nec ante. Cras congue, nisi nec imperdiet adipiscing, est sem molestie arcu, ut luctus arcu dui eu diam. Sed vitae lacus vitae dui pellentesque consectetur ac imperdiet mauris.</p>

<p>In aliquet nibh sit amet lorem commodo feugiat vel in sem. Nullam id nunc vel est ultricies laoreet sed porttitor erat. Aliquam eu massa odio. Morbi a interdum mi. Praesent mattis diam id ante ornare eget dictum sem volutpat. In hac habitasse platea dictumst. Donec nunc diam, tempus ut vehicula vitae, feugiat a libero. Fusce lectus purus, malesuada in aliquam quis, pharetra eget orci. Aenean nec suscipit purus. Etiam condimentum imperdiet blandit. Morbi vel lorem lorem. Donec dapibus, orci at bibendum pharetra, eros sem imperdiet diam, sed venenatis mi libero a sapien.</p>

<p>Suspendisse faucibus, ligula at venenatis adipiscing, velit odio consectetur erat, non venenatis nulla felis ac nisi. In ut sapien et sem dapibus convallis. Mauris non tortor quis tellus laoreet cursus a quis mi. Ut eu nulla justo, a ullamcorper dui. Nam nibh justo, consequat ac viverra ut, pretium porttitor neque. Phasellus ac nibh purus. Morbi dictum vestibulum turpis quis condimentum. Phasellus euismod malesuada metus, at vestibulum arcu ullamcorper bibendum. Nulla congue mollis lorem eget iaculis. Curabitur dictum felis vitae mauris elementum eu tincidunt metus feugiat. Aliquam erat volutpat. Aenean eleifend nibh vitae tellus euismod at sollicitudin urna consequat. Vivamus non pharetra lorem. Nullam luctus, ligula sit amet blandit vestibulum, lorem nisi venenatis mi, id sagittis urna metus quis ante. Proin odio quam, interdum eu tincidunt eget, pulvinar non lorem. Aenean eros felis, faucibus sit amet aliquet molestie, eleifend viverra dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus tincidunt, massa eget elementum porttitor, ipsum mauris consectetur elit, a tempus velit nibh vel ante. Ut nisi erat, porttitor vulputate aliquet vitae, dignissim vel dui.</p>

<p>Fusce faucibus fermentum viverra. Mauris eu mauris arcu. Phasellus eget libero tellus. Nam at augue a urna condimentum semper et a nulla. In elementum euismod velit vitae convallis. Vestibulum ac leo massa. Nam a purus accumsan ante tristique fermentum. Duis semper quam ac dolor adipiscing et placerat nibh tincidunt. Nulla rutrum elementum nibh, nec eleifend tortor suscipit mattis. In id volutpat orci. Cras orci felis, ultrices pulvinar imperdiet et, placerat sed nibh. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi non sapien quis dui tristique pulvinar sed sit amet nibh. Sed facilisis urna elit.</p>

<p>Nullam vel massa neque. Etiam lectus quam, ornare sit amet aliquam ac, vestibulum vel diam. Sed a massa sem. Nullam feugiat tincidunt dapibus. Integer nec ipsum ante. Sed lacinia leo eu dolor porttitor et dapibus arcu tempor. Integer faucibus est et dui facilisis vel blandit nibh lacinia. Curabitur pellentesque felis id nunc interdum mattis. Vivamus eu ante tortor. In quis elit risus. Phasellus cursus lectus a risus auctor id tempus orci porttitor. Nam sed est congue nulla tristique malesuada. Nulla a nisi non libero feugiat consequat. Sed hendrerit ante sed dui egestas eget pulvinar nibh aliquet. Duis bibendum, neque id sagittis fringilla, mauris neque vulputate nisi, at dictum tortor turpis a erat. Quisque feugiat convallis ante, eget consectetur justo ultrices in. In tempus, felis vitae vestibulum condimentum, elit felis placerat odio, a posuere velit metus in eros. Aliquam in metus ac odio rhoncus scelerisque. Donec ultricies tempor malesuada. Suspendisse tempus tempus ipsum, a cursus nibh congue mollis.</p>

<p>Donec at sem consequat urna convallis dapibus eget pulvinar arcu. Nulla vulputate ultrices semper. In eget lacinia leo. Phasellus tempor pretium nisl, sed varius lacus accumsan eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean arcu nisl, ultrices ac fermentum at, molestie vitae turpis. Morbi sodales pretium leo, sed imperdiet quam varius eget. Vestibulum vulputate pellentesque orci, vel mollis enim faucibus at. Donec ac arcu et purus pharetra placerat. Donec elementum nisi non elit posuere aliquet. Quisque hendrerit erat vitae leo adipiscing tempus. Morbi sed viverra dolor. Pellentesque bibendum enim in felis fermentum ut bibendum nunc fermentum. Nulla condimentum tempor consequat. Aliquam sed urna non odio sagittis vehicula. Quisque quis facilisis ligula.</p>

<p>Fusce pellentesque sem a tellus sagittis quis tempus tortor tincidunt. Morbi sed iaculis diam. Proin vel velit ac orci convallis euismod. Vestibulum elementum mauris eu sem pulvinar faucibus. Donec nibh augue, semper tempor accumsan ut, placerat sed diam. Aenean non nulla urna, eu lobortis metus. Sed imperdiet augue a magna lacinia eget sodales sapien rhoncus. Donec vel ligula non nulla rhoncus condimentum vitae a ante. Quisque aliquet augue eu sapien convallis tristique. Phasellus eu rutrum leo. Quisque malesuada adipiscing posuere. Aliquam imperdiet aliquam eros non tincidunt. Nam ut ligula arcu.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sed nulla erat, vitae tincidunt magna. In ornare eleifend justo et faucibus. Duis dictum sapien iaculis tellus feugiat eget placerat lacus sagittis. Nulla orci est, porta nec pharetra in, egestas vel justo. Mauris laoreet tempor commodo. Nullam pharetra placerat leo a vehicula. Sed eu nunc felis. Suspendisse et leo libero. Praesent in ligula eu dui scelerisque consectetur vitae eget lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur quam lacus, laoreet in suscipit eget, ornare nec purus. Donec placerat tempor nisl. Curabitur lobortis ligula ac velit tincidunt vitae cursus nulla tincidunt. Etiam bibendum vehicula sagittis. Nulla eu nulla id nibh porttitor fermentum eu eget ipsum. Mauris faucibus sem ut elit feugiat eu tristique nisi consequat.</p>

<p>Integer bibendum, massa vitae vulputate suscipit, metus nulla pellentesque leo, ut posuere nibh metus at nisi. Aliquam quis turpis dui, ut dignissim neque. Donec varius aliquam magna ac rhoncus. Nam id arcu et lectus tristique pellentesque dignissim eu nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus ipsum turpis, fermentum nec congue condimentum, bibendum et mi. Praesent eu quam id diam gravida egestas et sed mi. Aenean dictum purus vel odio malesuada in pulvinar lectus venenatis. Etiam faucibus consectetur erat, nec varius enim malesuada nec. Etiam egestas magna vehicula mi semper aliquet. Quisque vel erat dui. Sed sed dui vitae odio feugiat malesuada at nec ante. Cras congue, nisi nec imperdiet adipiscing, est sem molestie arcu, ut luctus arcu dui eu diam. Sed vitae lacus vitae dui pellentesque consectetur ac imperdiet mauris.</p>

<p>In aliquet nibh sit amet lorem commodo feugiat vel in sem. Nullam id nunc vel est ultricies laoreet sed porttitor erat. Aliquam eu massa odio. Morbi a interdum mi. Praesent mattis diam id ante ornare eget dictum sem volutpat. In hac habitasse platea dictumst. Donec nunc diam, tempus ut vehicula vitae, feugiat a libero. Fusce lectus purus, malesuada in aliquam quis, pharetra eget orci. Aenean nec suscipit purus. Etiam condimentum imperdiet blandit. Morbi vel lorem lorem. Donec dapibus, orci at bibendum pharetra, eros sem imperdiet diam, sed venenatis mi libero a sapien.</p>

<p>Suspendisse faucibus, ligula at venenatis adipiscing, velit odio consectetur erat, non venenatis nulla felis ac nisi. In ut sapien et sem dapibus convallis. Mauris non tortor quis tellus laoreet cursus a quis mi. Ut eu nulla justo, a ullamcorper dui. Nam nibh justo, consequat ac viverra ut, pretium porttitor neque. Phasellus ac nibh purus. Morbi dictum vestibulum turpis quis condimentum. Phasellus euismod malesuada metus, at vestibulum arcu ullamcorper bibendum. Nulla congue mollis lorem eget iaculis. Curabitur dictum felis vitae mauris elementum eu tincidunt metus feugiat. Aliquam erat volutpat. Aenean eleifend nibh vitae tellus euismod at sollicitudin urna consequat. Vivamus non pharetra lorem. Nullam luctus, ligula sit amet blandit vestibulum, lorem nisi venenatis mi, id sagittis urna metus quis ante. Proin odio quam, interdum eu tincidunt eget, pulvinar non lorem. Aenean eros felis, faucibus sit amet aliquet molestie, eleifend viverra dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus tincidunt, massa eget elementum porttitor, ipsum mauris consectetur elit, a tempus velit nibh vel ante. Ut nisi erat, porttitor vulputate aliquet vitae, dignissim vel dui.</p>

<p>Fusce faucibus fermentum viverra. Mauris eu mauris arcu. Phasellus eget libero tellus. Nam at augue a urna condimentum semper et a nulla. In elementum euismod velit vitae convallis. Vestibulum ac leo massa. Nam a purus accumsan ante tristique fermentum. Duis semper quam ac dolor adipiscing et placerat nibh tincidunt. Nulla rutrum elementum nibh, nec eleifend tortor suscipit mattis. In id volutpat orci. Cras orci felis, ultrices pulvinar imperdiet et, placerat sed nibh. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi non sapien quis dui tristique pulvinar sed sit amet nibh. Sed facilisis urna elit.</p>

<p>Nullam vel massa neque. Etiam lectus quam, ornare sit amet aliquam ac, vestibulum vel diam. Sed a massa sem. Nullam feugiat tincidunt dapibus. Integer nec ipsum ante. Sed lacinia leo eu dolor porttitor et dapibus arcu tempor. Integer faucibus est et dui facilisis vel blandit nibh lacinia. Curabitur pellentesque felis id nunc interdum mattis. Vivamus eu ante tortor. In quis elit risus. Phasellus cursus lectus a risus auctor id tempus orci porttitor. Nam sed est congue nulla tristique malesuada. Nulla a nisi non libero feugiat consequat. Sed hendrerit ante sed dui egestas eget pulvinar nibh aliquet. Duis bibendum, neque id sagittis fringilla, mauris neque vulputate nisi, at dictum tortor turpis a erat. Quisque feugiat convallis ante, eget consectetur justo ultrices in. In tempus, felis vitae vestibulum condimentum, elit felis placerat odio, a posuere velit metus in eros. Aliquam in metus ac odio rhoncus scelerisque. Donec ultricies tempor malesuada. Suspendisse tempus tempus ipsum, a cursus nibh congue mollis.</p>

<p>Donec at sem consequat urna convallis dapibus eget pulvinar arcu. Nulla vulputate ultrices semper. In eget lacinia leo. Phasellus tempor pretium nisl, sed varius lacus accumsan eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean arcu nisl, ultrices ac fermentum at, molestie vitae turpis. Morbi sodales pretium leo, sed imperdiet quam varius eget. Vestibulum vulputate pellentesque orci, vel mollis enim faucibus at. Donec ac arcu et purus pharetra placerat. Donec elementum nisi non elit posuere aliquet. Quisque hendrerit erat vitae leo adipiscing tempus. Morbi sed viverra dolor. Pellentesque bibendum enim in felis fermentum ut bibendum nunc fermentum. Nulla condimentum tempor consequat. Aliquam sed urna non odio sagittis vehicula. Quisque quis facilisis ligula.</p>

<p>Fusce pellentesque sem a tellus sagittis quis tempus tortor tincidunt. Morbi sed iaculis diam. Proin vel velit ac orci convallis euismod. Vestibulum elementum mauris eu sem pulvinar faucibus. Donec nibh augue, semper tempor accumsan ut, placerat sed diam. Aenean non nulla urna, eu lobortis metus. Sed imperdiet augue a magna lacinia eget sodales sapien rhoncus. Donec vel ligula non nulla rhoncus condimentum vitae a ante. Quisque aliquet augue eu sapien convallis tristique. Phasellus eu rutrum leo. Quisque malesuada adipiscing posuere. Aliquam imperdiet aliquam eros non tincidunt. Nam ut ligula arcu.</p>

</div>

</body>
</html>